<template>
    <div>
        <div>
            <el-table v-loading="loading" :data="test01List">
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
            <el-table-column label="真实姓名" prop="realName" :show-overflow-tooltip="true" />
            <el-table-column label="密码" prop="password" :show-overflow-tooltip="true" />
            </el-table>
        </div>
    </div>
</template>

<script>
import { listTest01 } from "@/api/test/test01";
export default {
    name: 'RuoyiUiTest',

    data() {
        return {
            loading: true,
            test01List:[],
        };
    },

    created() {
        this.testList();
    },
    methods: {
        testList(){
            this.loading = true;
            listTest01().then(rel=>{
                console.log(rel);
                this.test01List = rel.data;
                this.loading = false;
            })  
        }
    },
};
</script>

<style lang="scss" scoped>

</style>
